body {
background-image:url(gameBgScreen.gif);
background-repeat:repeat-y;
	background-size:100%;
	background-position:50% 0px;	
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;

color: #ffffff;
font-family: Calibri;
font-size: 100%;
}



#content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;



}
#logo{

	position: absolute;
	top: 5%;
	width:30%;
	height: auto;
		float: left;
	overflow: hidden;
	
	margin-right: 50%;
	margin-left: 37%;
	}
#logo img{
	width: 100%;
	height: auto;
}
#info
{
	position: absolute;
	top: 43%;
	margin-left:45%;
	margin-right:50%:;
	text-align: center;
	font-size: 30;


}

#gamesWon
{
	position: absolute;
	top: 25%;
	left: 65%;
}
#dealerCards
{
	position: absolute;
	left: 10%;
	top: 10%;
	font-size: 20;
	margin-right:13.5%;
	float: left;
	overflow: hidden;

}
#dealerCards img{
	width:100%;
	height:auto;
}
	
#playerCards
{
	position: absolute;
	left: 10.8%;
	top: 40%;
	margin-right:13.5%;
	float: left;
	overflow: hidden;
}
#playerCards img
{
	width:100%;
	height: auto;
}


#playButtons
{
	position: absolute;
	
	top: 85%;
	margin-left: 47%;
	margin-right: 50%;

}
#playerButtons input
{
	width: 100%;
	height: auto;
}
#backButton
{
	position: absolute;
	left: 25%;
	top: 95%;
}
#betDiv
{
	position: absolute;
	top: 25%;
	left:25%;


}
#table
{	position: absolute;
	top: 50%;
	left: 30%;
	width: 42%;
	height: auto;
	float: left;
	overflow: hidden;

}


#table img{
	width:100%;
	height:auto;
}

@media screen and (max-width: 700px) {
	#info{
		font-size: 10;
		margin-left: 37%;
	}
}

@media screen and (min-width: 701px) and (max-width: 1000px){
	#info{
		font-size: 20;
		margin-left: 42%;
	}
}

.buttonGame {
   border-top: 1px solid #aaa;
   background: #53cf57;
   background: -webkit-gradient(linear, left top, left bottom, from(#83ee4a), to(#143a07));
   background: -webkit-linear-gradient(top, #83ee4a, #143a07);
   background: -moz-linear-gradient(top, #83ee4a, #143a07);
   background: -ms-linear-gradient(top, #83ee4a, #143a07);
   background: -o-linear-gradient(top, #83ee4a, #143a07);
   padding: 6px 10px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 12px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
}
.buttonGame:hover {   
   color: #cfffbf;
}
.buttonGame:active {   
   border-top-color: 1px solid #6af760;   
   background: -webkit-gradient(linear, left top, left bottom, from(#143a07), to(#83ee4a));
   background: -webkit-linear-gradient(top, #143a07, #83ee4a);
   background: -moz-linear-gradient(top, #143a07, #83ee4a);
   background: -ms-linear-gradient(top, #143a07, #83ee4a);
   background: -o-linear-gradient(top, #143a07, #83ee4a);
}

.buttonExtra {
   border-top: 1px solid #aaa;
   background: #53cf57;
   background: -webkit-gradient(linear, left top, left bottom, from(#bcbcbc), to(#505050));
   background: -webkit-linear-gradient(top, #bcbcbc, #505050);
   background: -moz-linear-gradient(top, #bcbcbc, #505050);
   background: -ms-linear-gradient(top, #bcbcbc, #505050);
   background: -o-linear-gradient(top, #bcbcbc, #505050);
   padding: 6px 10px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 12px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
}
.buttonExtra:hover {   
   color: #cfffbf;
}
.buttonExtra:active {   
   border-top-color: 1px solid #6af760;   
   background: -webkit-gradient(linear, left top, left bottom, from(#505050), to(#bcbcbc));
   background: -webkit-linear-gradient(top, #505050, #bcbcbc);
   background: -moz-linear-gradient(top, #505050, #bcbcbc);
   background: -ms-linear-gradient(top, #505050, #bcbcbc);
   background: -o-linear-gradient(top, #505050, #bcbcbc);
}

